.index-case{width:100%; position:relative;}
.index-case .owl-carousel{padding-bottom:80px;}
.index-case .item{margin:0 !important;}
.index-case ul li{width:24.77%; float:left; margin-bottom:0.3%; margin-right:0.3%; background-color:#fff;}
.index-case ul li:nth-of-type(4n),.index-case ul li.mr0{margin-right:0;}
.index-case ul li .pic{display:block; width:100%; overflow:hidden; background-color:#eee; background-position:center center; background-repeat:no-repeat; position:relative;}
.index-case ul li .bg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5); visibility:hidden; opacity:0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-case ul li:hover .bg{visibility:visible; opacity:1;}
.index-case ul li:hover .btn-group a,
.index-case ul li:hover .btn-group a{height:50px;}

.index-case ul li .inxcasetxt::before,
.index-case ul li .inxcasetxt::after {
	position: absolute;
	top:50%;
	left: 50%;
	width: 50%;
	height: 1.5px;
	background: #ccc;
	content: '';
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	opacity: 0;
	z-index:20;
}
.index-case ul li:hover .inxcasetxt::before {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.index-case ul li:hover .inxcasetxt::after {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
.index-case ul li .pic img{width:100%;height: 250px; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-case ul li .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.index-case ul li .h2{padding:20px 15px; min-height:20px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align:center;}
.index-case ul li .h2:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #236ffb;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.index-case ul li:hover .h2 span,.index-case ul li:hover .h2 i{
  color: white;
}
.index-case ul li:hover .h2:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.index-case ul li .h2 span{font-size:18px; color:#6a6a6a; margin-right:10px; position:relative; z-index:5;}
.index-case ul li .h2 i{font-size:12px; color:#999; position:relative; z-index:5;}
.index-case .indexmore{position:static; left:auto; bottom:auto; margin:0 auto; transform: translateX(0) translateY(0);}


/*咨询弹框-start*/
.contact-popup-container {
    width: 100%;
    height: 100%;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 2000;
}

.contact-popup-container .contact-popup-fix {
    width: 580px;
    height: 260px;
    z-index: 1100;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -130px;
    margin-left: -290px
}

.contact-popup-container .contact-popup-fix .contact-popup {
    width: 100%;
    height: 100%;
    position: relative
}

.contact-popup-container .contact-popup-fix .contact-popup .popup {
    width: 100%;
    height: 100%;
    padding: 52px 47px;
    z-index: 1120;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-1 {
    line-height: 1;
    margin-bottom: 4px;
    font-family: AlibabaPuHuiTiR;
    font-size: 22px;
    color: #fff;
    opacity: .6
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-2 {
    line-height: 1;
    margin-bottom: 19px;
    font-family: AlibabaPuHuiTiR;
    font-size: 28px;
    color: #fff;
    opacity: .6
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-3 {
    line-height: 1;
    margin-bottom: 4px;
    font-family: AlibabaPuHuiTiR;
    font-size: 28px;
    color: #fff
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-4 {
    line-height: 1;
    margin-bottom: 29px;
    font-family: AlibabaPuHuiTiB;
    font-size: 28px;
    color: #fff;
    font-weight: 700
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-5 {
    line-height: 1;
    font-family: AlibabaPuHuiTiR;
    font-size: 22px;
    color: #fff;
    opacity: .6
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-6 {
    line-height: 1;
    font-family: AlibabaPuHuiTiM;
    font-size: 24px;
    color: #fff
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode {
    width: 148px;
    height: 148px;
    padding: 5px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 78px;
    right: 46px
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode .icon {
    width: 100%;
    height: 100%
}

.contact-popup-container .contact-popup-fix .contact-popup .bg {
    width: 100%;
    height: 100%;
    z-index: 1110;
    position: absolute;
    top: 0;
    left: 0
}

.contact-popup-container .contact-popup-fix .contact-popup .close {
    width: 50px;
    height: 50px;
    z-index: 1130;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0
}

.contact-popup-container .contact-popup-fix .contact-popup .close .icon {
    width: 13px;
    height: 13px;
    position: relative;
    top: 14px;
    right: -25px
}

.contact-popup-container-2 .contact-popup-fix .contact-popup {
    background-color: #fff
}

.contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-1 {
    color: #191c3d;
    opacity: 1
}

.contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-2 {
    color: #191c3d;
    opacity: 1
}

.contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-7 {
    line-height: 1;
    margin-bottom: 5px;
    font-family: AlibabaPuHuiTiR;
    font-size: 28px;
    color: #236ffb
}
/*咨询弹框-end*/


.top-row-container {
    background-color: #f6f8fb;
    color: #515d71;
}
.common-box{
    width: 1400px;
    margin: 0 auto;
}

/*蓝色按钮样式覆盖 start*/
#navigation.modern.white-nav .nav .nav-blue-btn {
    background: #236ffb;
    height: 33px;
    margin-top: 18px;
    line-height: 33px;
    color: white;
    box-shadow: 0 6px 10px 0 rgba(35, 111, 251, .2);
    border-radius: 2px;
    text-align: center;
    width: 108px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-decoration: none;
}
#navigation.modern.white-nav .nav a.nav-blue-btn:hover{
    opacity: 1;
}
/*蓝色按钮样式覆盖 end*/
/*    top row */
.fl{
    float: left
}
.fr{
    float: right;
}
.f-w-b {
    font-weight: 700;
}
.top-row-container .top-row .city-highlight {
    color: #236ffb;
}
.top-row-container .top-row .space-r{
    margin-right: 24px;
}
.top-row-container .top-row .phone-box {
    display: inline-block;
    vertical-align: middle;
}
.top-row-container .top-row .common-icon {
    margin-right: 5px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}
.top-row-container .navigation-icon-1 {
    display: inline-block !important;
}
.top-row-container .top-row span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.top-row-container .top-row .btn-list .item {
    height: 22px;
    line-height: 22px;
    margin-left: 27px;
    text-align: left;
    display: inline-block;
}
.top-row-container .top-row .btn-list .item .icon {
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}
.top-row-container .top-row .btn-list .item .icon-1 {
    /* width: 16px; */
    height: 22px;
}
.top-row-container .top-row .btn-list .item .icon-2 {
    /* width: 22px; */
    height: 22px;
}
.top-row-container .top-row .btn-list .item .name{
    color: #515d71;
    font-size: 16px;
    font-weight: 700;
}


/*文章详情-start*/

.article {
    background: #F8F8F8;
}

.services .box {
    padding: 0px !important;
    margin: 15px 15px 25px;
}

.slick-slide img {
    display: block;
    width: 100%;
}

.page-mtitle {
    padding: 0px;
}

/*.page-desc {
    padding: 20px 0 0 30px;
}

.article-list-title {
    padding: 0px 0 25px 30px;
}*/
.py{
    font-size: 16px;
}
.xxs-px-mobile p {
    line-height: 2!important;
}

/*文章详情-end*/


/*文章列表及详情样式-start*/

.box-inner7 {
    height: 593px;
    padding: 0;
    border-radius: 10px;
}

.box-inner7 img {
    width: 100%;
}

.qdr-col-6>* {
    padding: 9px;
}

.page-title {
    line-height: 56px;
}

.page-title-white {
    line-height: 56px;
}

.box-inner7 {
    height: 593px;
    padding: 0;
    border-radius: 10px;
}

.box-inner7 img {
    width: 100%;
}

.qdr-col-6>* {
    padding: 9px;
}

.twentytwenty-overlay:hover {
    display: none;
}

.twentytwenty-container img {
    width: 100%;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    background-color: #fff;
    box-shadow: none;
    width: 4px;
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    background-color: #fff;
    box-shadow: none;
    height: 2px;
}

.twentytwenty-handle {
    background-color: #d82950;
    cursor: move;
    border-color: #d82950;
    box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.2);
    opacity: 0.5;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.twentytwenty-handle:active {
    background-color: #4542d5;
    border-color: #4542d5;
}

.twentytwenty-container:hover .twentytwenty-handle {
    opacity: 1;
}

.twentytwenty-left-arrow {
    border-right-color: #fff;
}

.twentytwenty-right-arrow {
    border-left-color: #fff;
}

.twentytwenty-up-arrow {
    border-bottom-color: #fff;
}

.twentytwenty-down-arrow {
    border-top-color: #fff;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

/*文章列表及详情样式-end*/

/*关于我们样式-start*/

.com_box{width: 100%;margin: 0 auto;padding: 0;position: relative;background: #fff url('') no-repeat left top;}
.com_c{width: 1400px;margin: 0 auto;position: relative;}
.about_a{background-image: url("../images/about_a_bg.jpg");
    background-attachment: fixed;background-size: auto 100%;}
.about_a_c{height:350px;font-size: 36px;font-weight: 400;line-height: 2;color: #fff;display: flex;align-items: center;justify-content: center;}
.about_b{background-image: url("../images/about_b_bg.jpg");
    background-size: 100% 100%;}
.about_b_c{height:350px;font-size: 36px;font-weight: 400;line-height: 2;color: #fff;
    display: flex;align-items: center;justify-content: center;flex-direction: column;}
.about_b_c h2{font-weight: 400;line-height: 2;color:#fff;font-size:32px;}
.about_b_title{margin-top: 20px;text-align: center;}
.about_b_title p{color:#FFFFFF;font-size:20px;line-height: 2;}
.about_pic_c{height:360px;display: flex;background-color: #f3f3f3;}
.about_pic_l{width:760px;height:360px;}
.about_pic_l img{display: block;width: 100%;height: 100%;}
.about_pic_r{width: 440px;height: 360px;box-sizing: border-box;padding: 30px 40px;}
.about_pic_r h2{font-size:26px;}
.about_pic_r h4{font-size:18px;border-bottom: rgb(153, 153, 153) 1px dashed;padding-bottom: 20px;margin-bottom: 20px;}
.about_pic_p{}
.about_pic_p p{line-height:2;font-size:14px;color:#666666;}
.about_txt{}
.about_txt_c{display: flex;}
.about_txt_l{display: flex;width: 300px;height: 300px;align-items: center;justify-content: center;}
.about_txt_l img{display: block;width: 230px;}
.about_txt_r{display: block;width: calc(100% - 330px);color:#777777;font-size:16px;background-color:#fff;padding-top: 35px;}
.about_txt_r p{line-height: 1.5;margin-bottom: 10px;}
.about_d{padding-bottom: 60px;padding-top: 60px;}
.about_d_c{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 30px 40px;border-radius: 10px;
    background-image: linear-gradient(-20deg,#397dfb 5%,#0e62fd 100%);
    background-image: -webkit-linear-gradient(-20deg,#397dfb 5%,#0e62fd 100%);}
.about_d_c:hover{box-shadow: 0 10px 40px rgba(0,0,0,.2);}
.about_d_l{color: #fff;font-size: 32px;line-height: 1.5;}
.about_d_r{}
.about_d_r span{display: inline-block;background: #fff;padding: 12px 50px;font-size: 18px;color: #777;border-radius: 5px;cursor: pointer;}
.about_d_r span:hover{box-shadow: 0 10px 40px rgba(0,0,0,.2);}

/*关于我们样式-end*/